<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>详情页</title>
    <link rel="shortcut icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon"> 
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <link rel="stylesheet" href="./css/masseagepage.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <script src="./js/cookie.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/messagepage.js"></script>
  </head>
  <body>
    <header>
        <div class="header_t">
          <div class="head_t cantainer">
            <ul>
              <li><a href="#">小米商城</a></li>
              <span>|</span>
              <li><a href="#">MIUI</a></li>
              <span>|</span>
              <li><a href="#">loT</a></li>
              <span>|</span>
              <li><a href="#">云服务</a></li>
              <span>|</span>
              <li><a href="#">天星数科</a></li>
              <span>|</span>
              <li><a href="#">有品</a></li>
              <span>|</span>
              <li><a href="#">小爱开放平台</a></li>
              <span>|</span>
              <li><a href="#">企业团购</a></li>
              <span>|</span>
              <li><a href="#">资质证照</a></li>
              <span>|</span>
              <li><a href="#">协议规则</a></li>
              <span>|</span>
              <li><a href="#">下载app</a></li>
              <span>|</span>
              <li><a href="#">智能生活</a></li>
              <span>|</span>
              <li><a href="#">Select Location</a></li>
            </ul>
            <div class="taggle">
              <a href="./sign.html">登录</a><span>|</span>
              <a href="#">注册</a><span>|</span>
              <a href="#">消息通知</a><span>|</span>
              <a href="./cart.html">
               <i class="iconfont icon-gouwuchekong"></i>购物车(0)
              </a>
            </div>
          </div>
        </div>
        <div class="header_u">
          <div class="head_u cantainer">
            <div class="h_left">
              <a href="./index.html"
                ><img
                  src="https://s02.mifile.cn/assets/static/image/logo-footer.png"
                  alt=""
              /></a>
              <div class="space"></div>
              <ul>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">Redmi红米</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
              </ul>
            </div>
            <div class="h_right">
              <form action="">
                <input type="text" placeholder="Redmi/小米10" />
                <input type="submit" value="search" />
              </form>
            </div>
          </div>
        </div>
      </header>
    <section class="bar">
      <div class="barcontent cantainer">
        <ul class="bar_right">
          <li><h3>Redmi 9A </h3></li>
          <li class="lines"><a href="#">Redmi 9 </a></li>
          <li class="lines"><a href="#">Redmi 8 </a></li>
          <li class="lines"><a href="#">Redmi 8A</a></li>
        </ul>
        <ul class="bar_left">
          <li>概述 |</li>
          <li>参数 |</li>
          <li>F码通道 |</li>
          <li>咨询客服 |</li>
          <li>用户评价</li>
        </ul>
      </div>
    </section>
    <section class="pageinfo">
      <div class="pageinfoxentent cantainer">
        <div class="swiper-container swibox info_left">
          <div class="swiper-wrapper">
            <!--   <div class="swiper-slide">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400926.0448806.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400926.03111701.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400926.04557957.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400926.03438693.jpg" alt="">
                    </div>
                   
                    <div class="swiper-slide" class="pic_five">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400926.04125427.jpg" alt="">
                    </div> -->
          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>

          <!-- 如果需要导航按钮 -->
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>

          <!-- 如果需要滚动条 -->
          <div class="swiper-scrollbar"></div>
        </div>
        <div class="info_right">
          <h3 class="signr">Redmi 9A</h3>
          <p class="constructor"></p>
          <!-- <span>「128GB版本到手价低至799元起；购机赠价值798元双人定制体检卡；得2倍米金；+1元得200G云空间月卡」</span>5000mAh长循环大电量 / 6.53"超大护眼屏幕 / G25八核处理器 / 大音量扬声器 / 1300万 AI相机 / 人脸解锁 / 最高支持512GB存储扩展 -->
          <p>小米自营</p>
          <div><span>599 元</span></div>
          <div class="line"></div>
          <div class="address">
            <i class="iconfont icon-wangdian"></i>
            <span>北京</span>
            <span>北京市</span>
            <span>海淀区</span>
            <span>清河街道</span>
            <a href="#">修改</a>
            <span>有现货</span>
          </div>
          <div class="option_box">
            <h3>选择颜色</h3>
            <div>
              <a>湖光绿</a>
              <a>砂石黑</a>
              <a>晴空蓝</a>
            </div>
          </div>
          <div class="option_box">
            <h3>选择版本</h3>
            <div>
              <a>4GB+64GB</a>
              <a>4GB+128GB</a>
              <a>6GB+128GB</a>
            </div>
          </div>

          <div>
            <div class="f_one">
              <div class="head_f">
                <span>选择小米提供的意外保护</span
                ><a href="#">了解意外保护 ></a>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595495058.27657194.png"
                  alt=""
                />
                <div>
                  <h3>意外保障服务<i>99元</i></h3>
                  <p>手机意外碎屏/进水/碾压等损坏</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595495058.27657194.png"
                  alt=""
                />
                <div>
                  <h3>碎屏保障服务<i>已省12元</i></h3>
                  <p>手机意外碎屏</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="f_one">
              <div class="head_f">
                <span>选择小米提供的延长保修</span
                ><a href="#">了解延长保修 ></a>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595495058.27657194.png"
                  alt=""
                />
                <div>
                  <h3>延长保修服务<i>已省6元</i></h3>
                  <p>厂保延一年，性能故障免费维修</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="f_one">
              <div class="head_f">
                <span>选择小米提供的云空间服务</span
                ><a href="#">了解云空间服务 ></a>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176676.8428378.png"
                  alt=""
                />
                <div>
                  <h3>云空间年卡200G<i>159元</i></h3>
                  <p>主商品签收后，自动激活至下单帐号</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176676.8428378.png"
                  alt=""
                />
                <div>
                  <h3>云空间年卡50G<i> 49元</i></h3>
                  <p>主商品签收后，自动激活至下单帐号</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176676.8428378.png"
                  alt=""
                />
                <div>
                  <h3>云空间月卡200G<i>已省18元</i></h3>
                  <p>主商品签收后，自动激活至下单帐号</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
              <div class="box">
                <i>√</i
                ><img
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176676.8428378.png"
                  alt=""
                />
                <div>
                  <h3>云空间月卡<i>50G6元</i></h3>
                  <p>主商品签收后，自动激活至下单帐号</p>
                  <div>
                    <div>
                      <strong><i>√</i>我已阅读</strong><a href="#">服务条款|</a
                      ><a href="#">常见问题</a>
                    </div>
                    <span>99元</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="price_msg">
            <div><span>Redmi 9A 6GB+128GB 晴空蓝</span> <i>999元</i></div>
            <strong>总计：999元</strong>
          </div>
          <div class="gcart">
            <div>
              <button>加入购物车</button>
              <button>❤喜欢</button>
            </div>
            <div>
              <a href="#"><i></i><span>小米自营</span></a>
              <a href="#"><i></i><span>小米发货</span></a>
              <a href="#"><i></i><span>7天无理由退货</span></a>
              <a href="#"><i></i><span>运费说明</span></a>
              <a href="#"><i></i><span>企业信息</span></a>
              <a href="#"><i></i><span>售后服务政策</span></a>
              <a href="#"><i></i><span>7天价格保护</span></a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <div class="Footer">
        <div class="footer cantainer">
          <div class="ulbox">
            <ul>
              <li class="yaxis">
                <i class="iconfont icon-shouhoufuwu"></i>预约维修服务
              </li>
              <li class="yaxis">
                <i class="iconfont icon-7tianwuliyoutuihuo"></i>七天无理由退货
              </li>
              <li class="yaxis">
                <i class="iconfont icon-tianwuliyoutuihuo"></i>15天免费换货
              </li>
              <li class="yaxis">
                <i class="iconfont icon-manzeng"></i>满99元包邮
              </li>
              <li><i class="iconfont icon-wangdian"></i>520余家售后网点</li>
            </ul>
          </div>
          <div class="dlbox">
            <div>
              <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>授权体验店</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>投资者关系</dd>
                <dd>企业社会责任</dd>
                <dd>廉洁举报</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>官方微信</dd>
                <dd>联系我们</dd>
                <dd>公益基金会</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>特色服务</dt>
                <dd>F 码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
              </dl>
            </div>
            <div class="cantact">
              <p>400-100-5678</p>
              <p>8:00-18:00（仅收市话费）</p>
              <a href="#"><i class="iconfont icon-svg-"></i>人工客服</a>
              <div>
                关注小米: <i class="iconfont icon-xinlang-copy"></i
                ><i class="iconfont icon-weixin1"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="Info">
        <div class="info cantainer">
          <div class="ilayout">
            <div class="sign">
              <img
                src="https://s02.mifile.cn/assets/static/image/logo-footer.png"
                alt=""
              />
            </div>
            <p>
              <a href="#">小米商城 | </a>
              <a href="#">MIUI |</a>
              <a href="#"> 米家 | </a>
              <a href="#">米聊 |</a>
              <a href="#"> 多看 |</a>
              <a href="#"> 游戏 | </a>
              <a href="#">政企服务 |</a>
              <a href="#"> 小米天猫店 |</a>
              <a href="#"> 小米集团隐私政策 |</a>
              <a href="#"> 小米公司儿童信息保护规则 |</a>
              <a href="#"> 小米商城隐私政策 |</a>
              <a href="#"> 小米商城用户协议 | </a>
              <a href="#">问题反馈 |</a>
              <a href="#"> Select Location</a>
            </p>
            <p>
              <a href="#">北京互联网法院法律服务工作站 |</a>
              <a href="#">中国消费者协会 |</a>
              <a href="#">北京市消费者协会</a>
            </p>
            <p>
              © mi.com 京ICP证110507号 京ICP备10046444号
              京公网安备11010802020134号 京网文[2020]0276-042号<br />
              京）网械平台备字（2018）第00005号 互联网药品信息服务资格证
              (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br />
              增值电信业务许可证 网络食品经营备案 京食药网食备202010048
              食品经营许可证<br />
              违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉
              本网站所列数据，除特殊说明，所有数据均出自我司实验室测试<br />
            </p>
          </div>
          <!-- <div></div> -->
          <div class="ir">探索黑科技，小米为发烧而生</div>
        </div>
      </div>
    </footer>
  </body>
</html>
